颜色体系核心为合理克制搭配，提升界面可用性与品牌感知一致性，整体由核心品牌色、辅助色、渐变色、中立色构成。
| 属性 | 值 |
|---|---|
| 色值 | #0070FF（专业蓝） |
| 含义 | 专业、信赖、稳重 |
| 应用场景 | LOGO、行动点、突出点、氛围等 |
| 使用要求 | 保持原色，禁止减暗/调亮 |
| 色值 | 应用场景 | 参考用例 |
|---|---|---|
| #00CC9C | 标签、服务图标、栏目背景、插图、状态 | 奖励类提示（准时联系用户奖励） |
| #FF2F2B | 负激励/警示类状态 | 虚假代操作负激励提示 |
| #FF9000 | 负激励/警示类状态 | 虚假代操作负激励提示 |
| 色值 | 应用场景 |
|---|---|
| #1F2123 | 正文文字、主标题 |
| #606162 | 正文文字、副标题 |
| #999A9B | 辅助文字、占位文字、禁用状态文字、深色分割线 |
| #CCCDCE / #DADDE0 | 浅色分割线 |
| #F0F1F2 / #F6F6F8 | 浅灰背景 |
| #FFFFFF | 白色背景 |
| 属性 | 规范 |
|---|---|
| 字体 | 汉字默认方字体；特殊数字默认 Din 字体 |
| 行高 | 所有文字行高默认 150% |
| 间距 | 左右间距统一 12px；上下间距需根据需求调整并做留白减除 |
| 组件名称 | 核心用途 | 设计/使用要求 |
|---|---|---|
| 勾选框（checkbox） | 实现单选或多选操作 | 基础单选/多选按钮样式 |
| 按钮（Button） | 各类操作触发 | 吸底按钮高度：有安全区为 8px，无安全区为 24px；分主按钮、次按钮、文字按钮、进度按钮、警告按钮 |
| 步进器（stepper） | 供用户增加或减少数值 | 基础数值增减控件 |
| 上传（Upload） | 实现图片、视频、音频文件的上传 | 基础上传控件样式 |
| 组件名称 | 核心用途 | 设计/使用要求 |
|---|---|---|
| 自定义键盘（keyboard） | 适用于输入后不会自动跳转的场景 | 包含数字键盘、字母键盘 |
| 输入框（Input） | 实现各类文本信息输入 | 支持标签文字 + 输入占位符、错误内容清除、提示信息展示 |
| 选择器（Picker） | 供用户在一组预设数据中选择 | 支持多列选择、日期选择 |
| 组件名称 | 核心用途 | 设计/使用要求 |
|---|---|---|
| 标签（Tag） | 表明主体的类目、属性或状态 | 分不同尺寸：大、中、中小 |
| 表格（Table） | 全站通用数据/信息表格展示 | 基础表格布局 |
| 价格（Price） | 全平台通用价格展示 | 支持多格式价格呈现 |
| 选项卡（Tabs） | 内容分类后的展示与切换 | 区分选中/未选中状态 |
| 组件名称 | 核心用途 | 设计/使用要求 |
|---|---|---|
| 轻提示（Toast） | 轻量级反馈或操作提示 | 不打断用户操作，3s 自动消失 |
| 缺省页（Default） | 页面无数据或异常时的反馈 | "暂无数据"主文案 + 自定义描述 |
| 提交反馈（Feedback） | 用户提交数据时的友好反馈 | 支持成功、失败、提示状态 |